<template>
  <div :class="`${bem.b('')} ${direction ? bem.is('box', direction) : ''}`">
    <slot></slot>
  </div>
</template>

<script lang="ts" setup>
defineOptions({
  name: "sno-box",
});

import { boxProps } from "./props";
import { createNameSpace } from "snoby-utils";
const bem = createNameSpace("box");

const props = defineProps(boxProps);

const direction = props.direction;
</script>
